<template>
  <div>
    <!--    大框-->
    <div class="big1">
      <div>
        <el-descriptions  direction="vertical"  border size="medium">
          <el-descriptions-item label="用户总数" labelStyle="text-align: center">kooriookami</el-descriptions-item>
        </el-descriptions>
      </div>
      <div >
        <el-descriptions  direction="vertical"  border size="medium">
          <el-descriptions-item label="合作医院总数" labelStyle="text-align: center">kooriookami</el-descriptions-item>
        </el-descriptions>
      </div>
      <div >
        <el-descriptions  direction="vertical"  border size="medium">
          <el-descriptions-item label="订单总数" labelStyle="text-align: center">kooriookami</el-descriptions-item>
        </el-descriptions>
      </div>
      <div>
        <el-descriptions  direction="vertical"  border size="medium">
          <el-descriptions-item label="轮椅总数量" labelStyle="text-align: center">kooriookami</el-descriptions-item>
        </el-descriptions>
      </div>
      <div >
        <el-descriptions  direction="vertical"  border size="medium">
          <el-descriptions-item label="盈利总金额" labelStyle="text-align: center">kooriookami</el-descriptions-item>
        </el-descriptions>
      </div>
      <div >
        <el-descriptions  direction="vertical"  border size="medium">
          <el-descriptions-item label="用户名" labelStyle="text-align: center">kooriookami</el-descriptions-item>
        </el-descriptions>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name:'test4',
}
</script>
<style scoped>
.big1{
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 800px;
  height: 600px;

  position: absolute;
  left: 55%;
  top: 55%;
  transform: translate(-50%,-50%);
}
.big1 div{
  display: flex;
  align-items: center;
  width: 300px;
  height: 150px;
}
</style>
